<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>骡窝窝酒店预订,网上预订酒店,国内外酒店价格查询预订平台</title>
    <meta name="Keywords" content="骡窝窝酒店预订,酒店价格查询"/>
    <meta name="Description"
          content="骡窝窝酒店预订,提供国内外60万家酒店网上预订,酒店价格查询服务,包括优质酒店住宿推荐,详细酒店地址和酒店图片,真实用户酒店点评等信息,减少酒店预订查询步骤,骡窝窝酒店是你快捷旅游出行的最佳选择."/>

    <script type="text/javascript">
        window.Env = {
            "shortcut_mdds": [{
                "id": "",
                "name": "中国",
                "mdds": [{"id": 3261, "name": "\u5e7f\u5dde"}, {"id": 273, "name": "\u9999\u6e2f"},  {"id": 249, "name": "\u4e0a\u6d77"},{
                    "id": 241,
                    "name": "\u5317\u4eac"
                }, {"id": 3148, "name": "\u676d\u5dde"},{"id": 15325, "name": "\u82b1\u83b2"},  {
                    "id": 3297,
                    "name": "三亚"
                }, {
                    "id": 10208,
                    "name": "\u91cd\u5e86"
                }, {
                    "id": 3356,
                    "name": "\u6210\u90fd"
                }, {"id": 10132, "name": "\u53a6\u95e8"}, {"id": 10487, "name": "\u5927\u7406"}, {
                    "id": 10030,
                    "name": "\u4e09\u4e9a"
                }]
            }, {
                "id": "",
                "name": "\u4e9a\u6d32",
                "mdds": [{"id": 2030, "name": "\u4e1c\u4eac"}, {"id": 10765, "name": "\u5927\u962a"}, {
                    "id": 11042,
                    "name": "\u4eac\u90fd"
                }, {"id": 11045, "name": "\u66fc\u8c37"}, {"id": 15284, "name": "\u6e05\u8fc8"}, {
                    "id": 11047,
                    "name": "\u666e\u5409\u5c9b"
                }, {"id": 295, "name": "\u9996\u5c14"}, {"id": 10754, "name": "\u65b0\u52a0\u5761"}, {
                    "id": 16980,
                    "name": "\u7532\u7c73"
                }, {"id": 11046, "name": "\u82ad\u63d0\u96c5"}, {"id": 11049, "name": "\u5409\u9686\u5761"}, {
                    "id": 14210,
                    "name": "\u82cf\u6885\u5c9b"
                }]
            }, {
                "id": "",
                "name": "\u6b27\u6d32",
                "mdds": [{"id": 10573, "name": "\u5df4\u9ece"}, {"id": 11124, "name": "\u4f26\u6566"}, {
                    "id": 10063,
                    "name": "\u7f57\u9a6c"
                }, {"id": 11087, "name": "\u4f5b\u7f57\u4f26\u8428"}, {
                    "id": 10102,
                    "name": "\u5df4\u585e\u7f57\u90a3"
                }, {"id": 11100, "name": "\u963f\u59c6\u65af\u7279\u4e39"}, {
                    "id": 11081,
                    "name": "\u6155\u5c3c\u9ed1"
                }, {"id": 10755, "name": "\u67cf\u6797"}, {
                    "id": 11159,
                    "name": "\u65af\u5fb7\u54e5\u5c14\u6469"
                }, {"id": 16095, "name": "\u5723\u6258\u91cc\u5c3c"}, {
                    "id": 10761,
                    "name": "\u5e03\u62c9\u683c"
                }, {"id": 11091, "name": "\u7ef4\u4e5f\u7eb3"}]
            }, {
                "id": "",
                "name": "\u5317\u7f8e",
                "mdds": [{"id": 10579, "name": "\u7ebd\u7ea6"}, {"id": 10926, "name": "\u6d1b\u6749\u77f6"}, {
                    "id": 10923,
                    "name": "\u62c9\u65af\u7ef4\u52a0\u65af"
                }, {"id": 10742, "name": "\u65e7\u91d1\u5c71"}, {"id": 10077, "name": "\u585e\u73ed\u5c9b"}, {
                    "id": 10959,
                    "name": "\u9ec4\u77f3\u56fd\u5bb6\u516c\u56ed"
                }]
            }, {
                "id": "",
                "name": "\u5927\u6d0b\u6d32",
                "mdds": [{"id": 10855, "name": "\u6089\u5c3c"}, {"id": 10856, "name": "\u58a8\u5c14\u672c"}, {
                    "id": 30164,
                    "name": "\u5927\u6d0b\u8def"
                }, {"id": 17339, "name": "\u9ec4\u91d1\u6d77\u5cb8"}, {
                    "id": 10885,
                    "name": "\u7687\u540e\u9547"
                }, {"id": 15920, "name": "\u57fa\u7763\u57ce"}]
            }],
            "hotel_activity_type": 0,
            "WWW_HOST": "www.mafengwo.cn",
            "IMG_HOST": "images.mafengwo.net",
            "W_HTTP": "http:\/\/w.mafengwo.cn",
            "P_HOST": "passport.mafengwo.cn",
            "P_HTTP": "https:\/\/passport.mafengwo.cn",
            "PAGELET_HTTP": "http:\/\/pagelet.mafengwo.cn",
            "JS_HOST": "js.mafengwo.net",
            "TONGJI_HOST": "tongji.mafengwo.cn",
            "UID": 0,
            "CSTK": "c93531672d8164c8bdf71003cd5accbf_ee9296d88d9c3d5b2cd57400a276db3d",
            "GOOGLE_MAP_KEY": "AIzaSyD-Su0x_rPy1xehlMBcMyTqWkU49Bk53nQ"
        };
    </script>

    <link href="http://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015^YlVS^1559526017.css"
          rel="stylesheet" type="text/css"/>


    <link href="http://css.mafengwo.net/css/cv/css+hotel+hotel_index:css+jquery-ui-1.11.0.min:css+hotel+datepicker-range:css+hotel+number_guests_picker^YlVX^1552035728.css"
          rel="stylesheet" type="text/css"/>

    <script language="javascript"
            src="http://js.mafengwo.net/js/cv/js+jquery-1.8.1.min:js+global+json2:js+M+Module:js+M+M:js+M+Log:js+m.statistics:js+advert+inspector:js+corelib+underscore-1.6.0:js+corelib+backbone-1.1.2^YlBQ^1562232559.js"
            type="text/javascript" crossorigin="anonymous"></script>

    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/index.css" rel="stylesheet" type="text/css">
    <link href="/styles/hotelIndex.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>

    <script>
        $(function () {
            var iMddId = $(".favList a").data("did");
            $.get("/hotel/favHotels", {iMddId: iMddId}, function (data) {
                $(".tab-con").html(data);
            });
            $(".favList").click(function () {
                iMddId = $(this).children(".on").data("did");
                $.get("/hotel/favHotels", {iMddId: iMddId}, function (data) {
                    $(".tab-con").html(data);
                });
            });


            $('#_j_search_input').bind('input propertychange', function () {
                var val = $(this).val();
                // debugger;
                if (val) {
                    $("#kwSearchForm").ajaxSubmit(function (data) {
                        $("#_j_search_suggest").html(data);
                    });
                    $('.search-suggest-panel').show();
                } else {
                    $('.search-suggest-panel').hide();
                }
            });
            $('.search-suggest-panel').on('mouseenter', function () {

            }).on('mouseleave', function () {
                var self = this;
                setTimeout(function () {
                    $(self).hide();
                }, 1500);
            });

        });
    </script>
</head>


<body>
<#assign currentNav="hotel">
<#include "../common/navbar.ftl">


<div class="hotel-main">
    <div class="h-title">订酒店</div>
    <div class="clearfix date-warp">
        <div class="stay-time _j_booking_date_item" id="_j_check_in_date">
            <span></span>
            <input type="text" placeholder="入住日期" readonly>
            <i></i>
        </div>
        <div class="leave-time _j_booking_date_item" id="_j_check_out_date">
            <span></span>
            <input type="text" placeholder="离店日期" readonly>
            <i></i>
        </div>
        <div class="hs-item hs-item-people" id="_j_booking_number_guests">
            <span>人数</span>
            <i class="icon-person"></i>
        </div>
        <div class="add-travle">
            <form action="/hotel/q" method="post" id="kwSearchForm">
                <input type="text" placeholder="出行目的地" id="_j_search_input" name="keyword" autocomplete="off">
                <div class="not-cont" id="_j_search_shortcut_mdds" style="display:none;"></div>
                <div class="search-suggest-panel search-suggest-hotel" style="display:none;" id="_j_search_suggest">


                </div>
        </div>
        </form>
        <div class="btn-search" id="_j_search_btn"><i></i></div>
    </div>
    <div class="h-notice clearfix">
        <ul>
            <li>
                <i class="notice01"></i>
                <div class="flt1">
                    <h2>住宿攻略</h2>
                    <p>区域攻略到特色主题，应有尽有</p>
                </div>
            </li>
            <li>
                <i class="notice02"></i>
                <div class="flt1">
                    <h2>专享价格</h2>
                    <p>多平台价格对比，天天专享特惠</p>
                </div>
            </li>
            <li>
                <i class="notice03"></i>
                <div class="flt1">
                    <h2>真实点评</h2>
                    <p>超过100万真实用户点评和游记</p>
                </div>
            </li>
        </ul>
    </div>


    <div class="h-theme" id="_j_features">
        <div class="h-title" style="margin-top: 50px;">主题住宿</div>
        <div class="tab-theme">
            <div class="themeList clearfix _j_tab_trigger">
            <#list themes as t>
                <a href="javascript:;" data-id="${t_index}">${t.name!}</a>
            </#list>
            </div>
            <div class="_j_tab_content">
            <#list themes as t>
                <ul class="clearfix" style="display:none;" data-id="${t_index}">
                    <#if t.dests??>
                        <#list t.dests as d>
                            <li>
                                <div class="fc-item">
                                    <a href="/hotel/${d.id!}"
                                       target="_blank" data-type="feature" data-name="${d.name!}">
                                        <div class="pic">
                                            <img data-src="${d.coverUrl!}"
                                                 width="318" height="240" style="width:318px;height:240px;">
                                        </div>
                                        <div class="bag-opa"></div>
                                        <span class="shadow"></span>
                                        <div class="info">
                                            <h2>${d.name!}</h2>
                                            <p class="caption">${d.parent.name!}</p>
                                        </div>
                                    </a>
                                </div>
                            </li>
                        </#list>
                    </#if>
                </ul>
            </#list>
            </div>
        </div>
    </div>
    <div class="h-favorablle" id="_j_sales">
        <div class="h-title">特价酒店</div>
        <div class="tab-fav">
            <div class="favList clearfix _j_tab_trigger">
            <#list favDests as d>
                <a href="javascript:;" data-id="${d_index}" data-did="${d.id}"
                   class="${(d_index==0)?string('on','')}">${d.name!}</a>
            </#list>
            </div>

            <div class="tab-con _j_tab_content">


            </div>
        </div>
    </div>
</div>

<script language="javascript" src="http://js.mafengwo.net/js/hotel/sign/index.js?1552035728" type="text/javascript"
        crossorigin="anonymous"></script>


<link href="http://css.mafengwo.net/css/mfw-footer.css?1558532347" rel="stylesheet" type="text/css"/>
<#include "../common/footer.ftl">


<div id="float-pannel-gloable">
    <img class="float-image" src="https://p4-q.mafengwo.net/s14/M00/BB/8C/wKgE2l0r2W-ALHaeAACAt6lqXyA464.png"
         style="width:178px;">
    <div class="float-btn">
        <img id="closed" src="https://n4-q.mafengwo.net/s13/M00/46/AC/wKgEaVy2xHeAZJhRAAADGY-wozY871.png"></div>
</div>


<link href="http://css.mafengwo.net/css/mfw-toolbar.css?1537192876" rel="stylesheet" type="text/css"/>

<div class="mfw-toolbar" id="_j_mfwtoolbar">
    <div class="toolbar-item-top">
        <a role="button" class="btn _j_gotop">
            <i class="icon_top"></i>
            <em>返回顶部</em>
        </a>
    </div>
    <div class="toolbar-item-feedback">
        <a role="button" data-japp="feedback" class="btn">
            <i class="icon_feedback"></i>
            <em>意见反馈</em>
        </a>
    </div>
    <div class="toolbar-item-code">
        <a role="button" class="btn">
            <i class="icon_code"></i>
        </a>
        <a role="button" class="mfw-code _j_code">


            <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
                 width="450" height="192">
        </a>
        <!--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
    </div>
    <div class="toolbar-item-down">
        <a role="button" class="btn _j_gobottom">
            <i class="icon_down"></i>
            <em>页面底部</em>
        </a>
    </div>
</div>


<script language="javascript" type="text/javascript">
    if (typeof M !== "undefined" && typeof M.loadResource === "function") {
        M.loadResource("http://js.mafengwo.net/js/cv/js+Dropdown:js+pageletcommon+pageHeadUserInfoWWWNormal:js+jquery.tmpl:js+M+module+InputListener:js+M+module+SuggestionXHR:js+M+module+DropList:js+M+module+Suggestion:js+M+module+MesSearchEvent:js+SiteSearch:js+AHeader:js+M+module+PageAdmin:js+M+module+Storage:js+M+module+Cookie:js+M+module+ResourceKeeper:js+jquery.jgrowl.min:js+AMessage:js+M+module+dialog+Layer:js+M+module+dialog+DialogBase:js+M+module+dialog+Dialog:js+M+module+dialog+alert:js+M+module+FrequencyVerifyControl:js+M+module+FrequencySystemVerify:js+ALogin:js+M+module+ScrollObserver:js+M+module+QRCode:js+AToolbar:js+ACnzzGaLog:js+ARecruit:js+ALazyLoad:js+plugins+dynamics:js+hotel+module+Log:js+hotel+module+Search_v2:js+xdate:js+hotel+module+FestivalDateConfig:js+jquery-ui-core:js+jquery-ui-datepicker:js+hotel+module+DateRangePicker:js+hotel+module+ModuleProvider:js+hotel+module+BookingDate:js+hotel+module+BookingGuests:js+hotel+module+NumberGuestsPicker:js+hotel+module+ImageLoader:js+hotel+index_v5:js+hotel+pc_app_guide^alxV^1562127144.js");
    }
</script>


</body>

</html>